<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>API</title>
		<!-- 重置 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 常态化 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 公共 -->
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../lib/swiper-bundle.min.css" />
		<!-- 当前页 -->
		<link rel="stylesheet" href="../css/api-index.css" />
	</head>
	<body>
		<header class="flex-c-sb b-box">
			<a href="#">
				<h1></h1>
			</a>
			<ul class="flex-c-b fc-gray">
				<li><a href="./index.html">首页</a></li>
				<li class="active"><a href="./api-index.html">API</a></li>
				<li><a href="./serve.html">云服务</a></li>
				<li><a href="./case.html">案例</a></li>
			</ul>
			<div class="fc-gray">
				<a href="../html/enter.html">登录</a>
				<a href="../html/register.html">注册有礼</a>
			</div>
		</header>

		<main>
			<!-- 分类 -->
			<section id="apiCate" class="b-box">
				<div class="container">
					<h2>API分类</h2>
					<ul id="apiCateList"></ul>
					<div id="searchInput">
						<strong>全部</strong>
						<input type="search" value="身份证实名" />
					</div>
				</div>
			</section>
			<!-- 卡片 -->
			<section id="apiCards">
				<div class="container">
					<ul id="apiCardList"></ul>
				</div>
			</section>
		</main>
		<section id="pagination">
			<ul>
				<li class="active">1</li>
				<li>2</li>
				<li>3</li>
				<li>4</li>
			</ul>
		</section>
		<div id="layer">
			<!-- 账号登陆 -->
			<div class="enter">
				<!-- <img src="../imgs/new-logo-white2.png" alt="" /> -->
				<div class="layerLoge"></div>
				<div class="layerTab flex-c-sb">
					<a href="javascript:void 0" class="active">账号登录</a>
					<i></i>
					<a href="javascript:void 0">扫码登录</a>
				</div>
				<!-- 登录表单 -->
				<form id="loginForm" action="index.html" method="post">
					<!-- 账号 -->
					<p class="layerUser rel">
						<i></i>
						<input type="text" placeholder="用户名/手机号/邮箱" />
					</p>
					<!-- 密码 -->
					<p class="layerPassword rel">
						<i></i>
						<input type="password" placeholder="密码" />
					</p>
					<!-- 忘记密码 -->
					<p class="forgetpassword">
						<a href="#"> 忘记密码</a>
					</p>
					<p class="enterButter">
						<input type="submit" value="登录" />
					</p>
					<p>还没有账号？ <a href="#">立马注册</a> <i></i></p>
				</form>
				<!-- 扫码登录 -->
				<form
					id="loginScan"
					action="index.html"
					method="post"
					style="display: none"
				>
					<div class="scan">
						<div class="scanQr"></div>
						<p>微信扫码登录</p>
						<p>未关注公众号，请先关注后在登录</p>
					</div>
					<p>还没有账号？ <a href="#">立马注册</a> <i></i></p>
				</form>
			</div>
		</div>
		<!-- 尾部 -->
		<footer>
			<!-- 栏目 -->
			<div class="column container flex-c-sb">
				<ul class="flex-c-sb columnUl">
					<li>
						<h5>联系与支持</h5>
						<p>400-882-7715</p>
						<p>客服&售后</p>
						<p>常见问题</p>
						<p>极速工单</p>
						<p>投诉与建议</p>
					</li>
					<li>
						<h5>关于源码</h5>
						<p>合作伙伴</p>
						<p>服务条款</p>
						<p>隐私政策</p>
						<p>市场合作</p>
						<p>反商业贿赂声明</p>
					</li>
					<li>
						<h5>快速入口</h5>
						<p>API数据</p>
						<p>黑钻会员</p>
						<p>新闻动态</p>
						<p>联系我们</p>
						<p>加入我们</p>
					</li>
					<li>
						<h5>产品服务</h5>
						<p>云监测</p>
						<p>云查询</p>
						<p>云助手</p>
						<p>聚盒子</p>
						<p>云充值</p>
					</li>
					<li>
						<h5>解决方案</h5>
						<p>数字中台</p>
						<p>客服&售后</p>
						<p>常见问题</p>
						<p>极速工单</p>
						<p>有赢：助力企业营销</p>
					</li>
				</ul>
				<div class="QRcode">
					<h3>微信公众号</h3>
					<p>源码时代</p>
					<img src="../imgs/wechat-white.png" alt="无法显示" />
				</div>
			</div>
			<!-- 尾部图标 -->
			<div class="footerIcon container flex-c-sb">
				<!-- 左边 -->
				<div class="footerIconLeft">
					<img src="../imgs/bei2.png" alt="" />
					<img src="../imgs/bei1.png" alt="" />
					<p>
						增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
					</p>
				</div>
				<!-- 右 -->
				<p>源码大数据股份有限公司©版权所有</p>
			</div>
		</footer>
		<div class="backTop c-p"></div>
		<script src="../js/util.js"></script>
		<!-- 测试 -->
		<script src="../js/api-index.js"></script>
	</body>
</html>
